// 该文件专门用于创建整个应用的路由器
import VueRouter from 'vue-router'
//引入组件
import About from '../pages/About'
import Home from '../pages/Home'
import Message from '../pages/Message'
import News from '../pages/News'
import Detal from '../pages/Detal'


const router = new VueRouter({
    mode:"history",//分hash和history默认hash
    routes: [
        {
            name: 'about',
            path: '/about',
            component: About,
            meta: { title: '123' },
            
        },
        {
            name: 'home',
            path: '/home',
            component: Home,
            meta: { isAuth: false, title: '123' },
            children: [
                {
                    name: 'message',
                    path: 'message',
                    component: Message,
                    meta: { isAuth: false, title: '123' },
                    children: [
                        {
                            name: 'detal',
                            path: 'detal',//:占位符
                            component: Detal,
                            //props的第一种写法
                            //props:{a:1,b:2}//写一些固定的东西
                            //props的第二种写法如果为true以props的形式传给detal
                            //props:true
                            //props的第三种写法为函数
                            // props($route){
                            //    return {
                            //        id:$route.query.id,
                            //        titel:$route.query.titel,
                            //    }
                            // }
                            props({ query: { id, titel } }) {
                                return {
                                    id: id,
                                    titel: titel,
                                }
                            }
                        }
                    ]
                },
                {
                    name: 'news',
                    path: 'news',
                    component: News,
                    meta: { isAuth: true, title: 'news' },
                    // beforeEnter: (to, from, next) => {
                    //     console.log(to, from,localStorage.getItem('debugMode'))
                    //     if (to.meta.isAuth) {
                    //         console.log(localStorage.getItem('debugMode'))
                    //         if (localStorage.getItem('debugMode') === 'debug') {  //看local storsge的值一般为session  如果是就过
                    //             next();//放行方法
                    //         }
                    //     } else {
                    //         next();//放行方法
                    //     }
        
                    // },
                },

            ]
        }
    ]
});
// router.beforeEach((to,from,next)=>{

//     if(to.meta.isAuth){
//         if(localStorage.getItem('debugMode')==='debug'){  //看local storsge的值一般为session  如果是就过
//             next();//放行方法
//         }
//     }else{
//         next();//放行方法
//     }

// console.log(123)
// })
router.afterEach( (to,from) => {
   console.log("后置路由守卫",to,from)
   document.title=to.meta.title//设置标题
})

//创建并暴露一个路由器
export default router